<template>
  <div class="container">
    <!-- 导航菜单栏 -->
    <nav-bar></nav-bar>
    <!-- 头部区域 -->
    <head-bar></head-bar>
    <!-- 主内容区域 -->
    <main-content></main-content>
  </div>
</template>

<script>
import HeadBar from "./HeadBar/HeadBar"
import NavBar from "./NavBar/NavBar"
import MainContent from "./MainContent/MainContent"
// import Watermark from '@/utils/waterMark'
export default {
  components: {
    HeadBar,
    NavBar,
    MainContent
  },
  mounted() {
    const time = new Date()
    const yy = time.getFullYear()
    const mm = (time.getMonth() + 1) < 10 ? '0' + (time.getMonth() + 1) : (time.getMonth() + 1)
    const dd = time.getDate() < 10 ? '0' + time.getDate() : time.getDate()
    // Watermark.set(JSON.parse(sessionStorage.getItem('userInfo')).name + `${yy}${mm}${dd}`)
  },
  beforeDestroy() {
    // Watermark.set('')
  },
};
</script>

<style scoped lang="scss">
.container {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  // background: rgba(224, 234, 235, 0.1);
}
</style>  